.turn3dBox{
	width: 276px;
	height: 229px;
	position: relative;
	background-image: linear-gradient(to bottom, rgba(0, 22, 38, 0.0) 0%, rgba(1, 146, 255, 0.6) 76% ,rgba(0, 22, 38, 0.0) 100%);
}
.turn3dBox .content{
	width: 176px;
	height: 64px;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.0;
	letter-spacing: 1.2px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	margin-left: -88px;
	.circleBox{
		position: absolute;
		bottom:0;
		left: 0;
		transform-style: preserve-3d;
		//perspective: 300px;
		transform:rotateX(70deg) translateY(-96px);
		.circleTop{
			transform: translateZ(-286px);
			width: 234px;
			height: 234px;
			border-radius: 50%;
			margin: 0 auto;
			border: 3px dashed #0192ff;
			transform-origin: center;
			animation: turn3dBox_turn 10s infinite linear;
			background: radial-gradient(rgba(1, 146, 255, 0.4), rgba(1, 146, 255, 0.6))
		}
		.circleBottom{
			transform: translateZ(-213px);
			width: 276px;
			height: 276px;
			border-radius: 50%;
			border: 3px solid #0192ff;
			background: radial-gradient(rgba(1, 146, 255, 0.4), rgba(1, 146, 255, 0.6))
		}
	}
}
@keyframes turn3dBox_turn {
	0%{
		transform: rotateZ(0deg) translateZ(-286px);
	}
	100%{
		transform: rotateZ(360deg) translateZ(-286px);
	}
}
